<!DOCTYPE html>
<html lang="cn" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>互联网村镇管理平台</title>
    <link rel="stylesheet" type="text/css" th:href="@{/css/common.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/css/main.css}"/>
    <link th:href="@{/js/libs/zyupload/skins/zyupload-1.0.0.css}" rel="stylesheet" type="text/css"/>
    <div th:include="admin/common/common"></div>
    <script type="text/javascript" charset="utf-8" th:src="@{/js/libs/ckeditor/ckeditor.js}"></script>
    <script type="text/javascript" th:src="@{/js/libs/ajaxfileupload.js}"></script>
    <script type="text/javascript" th:src="@{/js/web/tourist/touristInfo.js}"></script>
    <script type="text/javascript" th:src="@{/js/libs/zyupload/zyupload.basic-1.0.0.js}"></script>
</head>
<body>
<div class="container clearfix">
    <div class="main-wrap">
        <div class="crumb-wrap">
            <div class="crumb-list">
                <i class="icon-font">&#xe90d;</i>
                <a href="javascript:void(0);">旅游指导</a>
                <span class="crumb-step">&gt;</span>
                <span class="crumb-name">添加景点</span>
            </div>
        </div>
        <div class="result-wrap">
            <div class="result-content">
                <form id="addTouristInfoForm" onsubmit="return excuteAddTouristInfo();">
                    <table class="insert-tab" width="100%">
                        <tbody>
                        <tr>
                            <th style="width:10%;">
                                <i class="require-red">*</i>
                                景点名称：
                            </th>
                            <td>
                                <input class="common-text required" id="title" name="title" style="width:99%"
                                       maxlength="50" type="text"/>
                            </td>
                        </tr>
                        <tr>
                            <th style="width:10%;">
                                <i class="require-red">*</i>
                                景点星级：
                            </th>
                            <td>
                                <!--<select id="level" name="level">
                                    <option value="">请选择</option>
                                    <option value="1">一星</option>
                                    <option value="2">二星</option>
                                    <option value="3">三星</option>
                                    <option value="4">四星</option>
                                    <option value="5">五星</option>
                                </select>-->
                                <input class="common-text required" id="level" name="level" style="width:99%"
                                       maxlength="128" type="text"/>
                            </td>
                        </tr>
                        <tr>
                            <th style="width:10%;">
                                <i class="require-red">*</i>
                                景点价格：
                            </th>
                            <td>
                                <input class="common-text required" id="price" name="price" style="width:99%"
                                       maxlength="128" type="text"/>
                            </td>
                        </tr>
                        <tr>
                            <th style="width:10%;">
                                优惠价格：
                            </th>
                            <td>
                                <input class="common-text required" id="salePrice" name="salePrice" style="width:99%"
                                       maxlength="128" type="text"/>
                            </td>
                        </tr>
                        <tr>
                            <th style="width:10%;">
                                <i class="require-red">*</i>
                                门票数量：
                            </th>
                            <td>
                                <input class="common-text required" id="ticketNumber" name="ticketNumber"
                                       style="width:99%"
                                       maxlength="128" type="text"/>
                            </td>
                        </tr>
                        <tr>
                            <th style="width:10%;">
                                <i class="require-red">*</i>
                                景点简介：
                            </th>
                            <td>
                                <input class="common-text required" id="desc" name="desc" style="width:99%"
                                       maxlength="128" type="text"/>
                            </td>
                        </tr>
                        <tr>
                            <th style="width:10%;">
                                <i class="require-red">*</i>
                                景点特征：
                            </th>
                            <td>
                                <input class="common-text required" id="feature" name="feature" style="width:99%"
                                       maxlength="50" type="text"/>
                            </td>
                        </tr>
                        <tr>
                            <th style="width:10%;">
                                <i class="require-red">*</i>
                                景点位置：
                            </th>
                            <td>
                                <input class="common-text required" id="address" name="address" style="width:99%"
                                       maxlength="50" type="text"/>
                            </td>
                        </tr>
                        <tr>
                            <th style="width:10%;">
                                <i class="require-red">*</i>
                                景点经度：
                            </th>
                            <td>
                                <input class="common-text required" id="lng" name="lng" style="width:99%"
                                       maxlength="50" type="text"/>
                            </td>
                        </tr>
                        <tr>
                            <th style="width:10%;">
                                <i class="require-red">*</i>
                                景点纬度：
                            </th>
                            <td>
                                <input class="common-text required" id="lat" name="lat" style="width:99%"
                                       maxlength="50" type="text"/>
                            </td>
                        </tr>
                        <tr>
                            <th style="width:10%;">
                                <i class="require-red">*</i>
                                景点内容：
                            </th>
                            <td>
                                <textarea id="oldContent" style="display: none;"></textarea>
                                <textarea name="content_editor" id="content_editor" rows="10" cols="80">
					            </textarea>
                                <script>
                                    CKEDITOR.replace('content_editor', {allowedContent:true, filebrowserImageUploadUrl: shiro.baseUrl + "uploadCKEditor",
                                    	toolbar : 'Full',
							            filebrowserFlashUploadUrl :shiro.baseUrl+"uploadVideo"})
                                </script>
                            </td>
                        </tr>
                        <tr>
                            <th style="width: 10%;"><i class="require-red">*</i>
                                景点图片(轮播图)：
                            </th>
                            <td>
                                <div class="row cl">
                                    <div class="formControls col-xs-8 col-sm-9">
                                        <input type="hidden" name="descPhotos" id="descPhotos"/>
                                        <div id="zyupload" class="zyupload"></div>
                                    </div>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <th></th>
                            <td>
                                <input class="btn btn-primary btn6 mr10" value="提交" type="submit"/>
                                <input class="btn btn6" onclick="history.go(-1)" value="返回" type="button"/>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </form>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    // 初始化插件
    $(function () {
        // 初始化插件
        $("#zyupload").zyUpload({
            width: "100%",                 // 宽度
            height: "200px",                 // 宽度
            itemWidth: "100px",                 // 文件项的宽度
            itemHeight: "100px",                 // 文件项的高度
            url: shiro.baseUrl + "projectInfo/upload",  // 上传文件的路径
            fileType: ["jpg", "png", "gif", "jpeg", "pdf"],// 上传文件的类型
            fileSize: 51200000,                // 上传文件的大小
            multiple: true,                    // 是否可以多个文件上传
            dragDrop: false,                   // 是否可以拖动上传文件
            tailor: false,                   // 是否可以裁剪图片
            del: true,                    // 是否可以删除文件
            finishDel: false,  				  // 是否在上传文件完成后删除预览
            /* 外部获得的回调接口 */
            onSelect: function (selectFiles, allFiles) {    // 选择文件的回调方法  selectFile:当前选中的文件  allFiles:还没上传的全部文件
                //console.info("当前选择了以下文件：");
                //console.info(selectFiles);
            },
            onDelete: function (file, files) {              // 删除一个文件的回调方法 file:当前删除的文件  files:删除之后的文件
                //console.info("当前删除了此文件：");
                //console.info(file.name);
            },
            onSuccess: function (file, response) {          // 文件上传成功的回调方法
                if ($.trim($('#descPhotos').val()) != '') {
                    $('#descPhotos').val($('#descPhotos').val() + ',' + response);
                } else {
                    $('#descPhotos').val(response);
                }
            },
            onFailure: function (file, response) {          // 文件上传失败的回调方法
                console.info("此文件上传失败：");
                console.info(file.name);
            },
            onComplete: function (response) {           	  // 上传完成的回调方法
                console.log('descPhotos => ' + $('#descPhotos').val());
            }
        });

    });
</script>
</body>
</html>